// 自定义预设主题
import { definePreset } from '@primeng/themes';
import Aura from '@primeng/themes/aura';

const MyPreset = definePreset(Aura, {
  //Your customizations, see the following sections for examples
  semantic: {
    primary: {
      // 50: '{indigo.50}',
      // 100: '{indigo.100}',
      // 200: '{indigo.200}',
      // 300: '{indigo.300}',
      // 400: '{indigo.400}',
      // 500: '{indigo.500}',
      // 600: '{indigo.600}',
      // 700: '{indigo.700}',
      // 800: '{indigo.800}',
      // 900: '{indigo.900}',
      // 950: '{indigo.950}'

      50: '{pink.50}',
      100: '{pink.100}',
      200: '{pink.200}',
      300: '{pink.300}',
      400: '{pink.400}',
      500: '{pink.500}',
      600: '{pink.600}',
      700: '{pink.700}',
      800: '{pink.800}',
      900: '{pink.900}',
      950: '{pink.950}'
    },
    colorScheme: {
        light: {
          primary: {
          color: '{zinc.950}',
          inverseColor: '#ffffff',
          hoverColor: '{zinc.900}',
          activeColor: '{zinc.800}',
          formField: {
            hoverBorderColor: '{primary.color}'
          }
        },
        highlight: {
            background: '{zinc.950}',
            focusBackground: '{zinc.700}',
            color: '#ffffff',
            focusColor: '#ffffff'
        },
        surface: {
            0: '#ffffff',
            50: '{zinc.50}',
            100: '{zinc.100}',
            200: '{zinc.200}',
            300: '{zinc.300}',
            400: '{zinc.400}',
            500: '{zinc.500}',
            600: '{zinc.600}',
            700: '{zinc.700}',
            800: '{zinc.800}',
            900: '{zinc.900}',
            950: '{zinc.950}'
        }
      },
      dark: {
        primary: {
          color: '{zinc.50}',
          inverseColor: '{zinc.950}',
          hoverColor: '{zinc.100}',
          activeColor: '{zinc.200}',
          formField: { // 表单输入框的hover边框颜色
            hoverBorderColor: '{primary.color}'
          }
        },
        highlight: {
          background: 'rgba(250, 250, 250, .16)',
          focusBackground: 'rgba(250, 250, 250, .24)',
          color: 'rgba(255,255,255,.87)',
          focusColor: 'rgba(255,255,255,.87)'
        },
        surface: {
            0: '#ffffff',
            50: '{slate.50}',
            100: '{slate.100}',
            200: '{slate.200}',
            300: '{slate.300}',
            400: '{slate.400}',
            500: '{slate.500}',
            600: '{slate.600}',
            700: '{slate.700}',
            800: '{slate.800}',
            900: '{slate.900}',
            950: '{slate.950}'
        }
      }
    }
  },
});

export { MyPreset };
